import React from 'react';
import {createRoot} from 'react-dom/client';
const root = createRoot(document.getElementById('root'))
//定义函数组件
//接收属性对象，返回React元素(虚拟DOM)
//函数的名字就是组件的名称
//接收属性对象 props={name:'zhufeng',age:18}
//返回一个用于渲染的React元素素
//注意： 函数组件的名称必须以大写字母开头，这是由JSX的解析规则决定的。
//JSX解析规则 内部会以首字母来判断元素的类型是一个原生HTML元素还是一个自定义组件
// span div p 原生HTML   Welcome 自定义组件
function Welcome(props){
    return <div>hello,{props.name}</div>
}
//可以根据此函数组件创建一个对应的React元素，此React类型是Welcome
let element = <Welcome name="zhufeng" age={18}/>
console.log(element)
//type: ƒ Welcome(props)
//props: {name: 'zhufeng'}

root.render(element);
